/* ——————————全局通用样式—————————— */
/*--全局设置 */
* {
	min-width: 0;
	min-height: 0;
	word-wrap: break-word;

}

a {
	text-decoration: none;
}

body {
	/* PC端定义 */
	--bkst-main: #eef1f5;
	--rheme-1th-1: #b46cd8;
	--theme-2th-1: #2ed8b6;
	--theme-2th-2: #FFB64D;
	--theme-2th-3: #4099ff;
	--theme-2th-4: #FF5370;


	--pc-main1-dark2: #712828;
	--pc-main1-dark1: #9e3939;
	--pc-main1: #ca4949;
	--pc-main1-light1: #e35252;
	--pc-main1-light2: #f45858;
	--pc-main1-light3: #ff6f6f;
	--pc-main1-light4: #ff9393;
	--pc-main1-light5: #ffb5b5;
	--pc-main1-light6: #ffdcdc;
	--pc-main1-light7: #ffefef;
	--pc-main1-graylight1: #eee0e0;
	/* 微信端定义 */
	--weui-FG-main: #800000;
	--weui-FG-mainlight: #C47373;
	--weui-FG-mainlight1: #ff9898;
	--weui-FG-mainlight2: #f8c9c9;
	--weui-FG-maindark: #9E7272;
	--weui-icon-1: #7375FF;
	--weui-icon-2: #C073FF;
	--weui-icon-3: #FF9873;
	--weui-icon-4: #FF7573;
	--weui-icon-5: #FF59C2;
	--weui-icon-6: #595FFF;
	--weui-icon-7: #BD4040;
	--weui-icon-8: #FFAA21;
	--weui-searchButton: #DBBABA;
	--weui-littleButton: #D49B9B;
	--weui-icon1-1: #4B99FA;
	--weui-icon1-2: #B264F2;
	--weui-icon1-3: #F27B50;
	--weui-icon1-4: #12E678;
	--weui-icon1-5: #E3D620;
	--weui-icon1-6: #E86260;
	--weui-icon1-7: #43C0E6;
	--weui-icon1-8: #F573BD;
	--weui-icon1-9: #605EEB;
	--weui-icon1-10: #E05C5C;
	--weui-icon1-11: #E8A841;
	--weui-icon1-12: #9DE60C;

	--weui-icon2-1: #6681D1;
	--weui-icon2-2: #AD7DD4;
	--weui-icon2-3: #D48A6F;
	--weui-icon2-4: #60BD78;
	--weui-icon2-5: #D9C95F;
	--weui-icon2-6: #D67775;
	--weui-icon2-7: #63B7C2;
	--weui-icon2-8: #D674A2;
	--weui-icon2-9: #6F70BF;
	--weui-icon2-10: #BA6C6C;
	--weui-icon2-11: #CFAA5F;
	--weui-icon2-12: #96C451;
}

/*--自定义颜色样式 */
/*----背景颜色 */
.bg-bkst-main {
	background-color: var(--bkst-main) !important;
}
.bg-pc-main1{
	background-color: var(--pc-main1) !important;
}
.bg-pc-main1d1{
	background-color: var(--pc-main1-dark1) !important;
}
.bg-pc-main1d2{
	background-color: var(--pc-main1-dark2) !important;
}
.bg-pc-main1l1{
	background-color: var(--pc-main1-light1) !important;
}
.bg-pc-main1l2{
	background-color: var(--pc-main1-light2) !important;
}
.bg-pc-main1l3{
	background-color: var(--pc-main1-light3) !important;
}
.bg-pc-main1l4{
	background-color: var(--pc-main1-light4) !important;
}
.bg-pc-main1l5{
	background-color: var(--pc-main1-light5) !important;
}
.bg-pc-main1l6{
	background-color: var(--pc-main1-light6) !important;
}
/* ↑以上独有↑ */

.bg-red {
	background-color: red !important;
}

.bg-red1 {
	background-color: #BD0000 !important;
}

.bg-darkred {
	background-color: darkred !important;
}

.bg-green {
	background-color: green !important;
}

.bg-limegreen {
	background-color: limegreen !important;
}

.bg-blue {
	background-color: blue !important;
}

.bg-royalblue {
	background-color: royalblue !important;
}

.bg-dodgerblue {
	background-color: dodgerblue !important;
}

.bg-orange {
	background-color: orange !important;
}

.bg-darkorange {
	background-color: darkorange !important;
}

.bg-gainsboro {
	background-color: gainsboro !important;
}

.bg-gray {
	background-color: gray !important;
}

.bg-darkgray {
	background-color: darkgray !important;
}

.bg-lightgray {
	background-color: lightgray !important;
}

/*----字体颜色 */
.c-white {
	color: white !important;
}

.c-black {
	color: black !important;
}

.c-red {
	color: red !important;
}

.c-red1 {
	color: #BD0000 !important;
}

.c-darkred {
	color: darkred !important;
}

.c-green {
	color: green !important;
}

.c-limegreen {
	color: limegreen !important;
}

.c-blue {
	color: blue !important;
}

.c-royalblue {
	color: royalblue !important;
}

.c-dodgerblue {
	color: dodgerblue !important;
}

.c-orange {
	color: orange !important;
}

.c-darkorange {
	color: darkorange !important;
}

.c-gainsboro {
	color: gainsboro !important;
}

.c-gray {
	color: gray !important;
}

.c-darkgray {
	color: darkgray !important;
}

.c-lightgray {
	color: lightgray !important;
}

/*----边框颜色 */
.border-white {
	border-color: white !important;
}

.border-black {
	border-color: black !important;
}

.border-red {
	border-color: red !important;
}

.border-red1 {
	border-color: #BD0000 !important;
}

.border-darkred {
	border-color: darkred !important;
}

.border-green {
	border-color: green !important;
}

.border-limegreen {
	border-color: limegreen !important;
}

.border-blue {
	border-color: blue !important;
}

.border-royalblue {
	border-color: royalblue !important;
}

.border-dodgerblue {
	border-color: dodgerblue !important;
}

.border-orange {
	border-color: orange !important;
}

.border-darkorange {
	border-color: darkorange !important;
}

.border-gainsboro {
	border-color: gainsboro !important;
}

.border-gray {
	border-color: gray !important;
}

.border-darkgray {
	border-color: darkgray !important;
}

.border-lightgray {
	border-color: lightgray !important;
}

/*----渐变文字 */
.c-gradient1 {
	color: #00000000 !important;
	background-image: linear-gradient(to bottom, #ffffffff, #ffffffaa) !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
}

/*----渐变背景 */
.bg-gradient1 {
	background-image: linear-gradient(to bottom, #62a8fd, #9e80f3) !important;
}

.bg-gradient2 {
	background-image: linear-gradient(to bottom, #77efd8, #45baf2) !important;
}

.bg-gradient3 {
	background-image: linear-gradient(to bottom, #f9bf66, #f95c81) !important;
}

.bg-gradient4 {
	background-image: linear-gradient(to bottom, #b6b7f8, #f5accc) !important;
}

.bg-gradient5 {
	background-image: linear-gradient(to bottom, #ffe35a, #ffb064) !important;
}

.bg-gradient6 {
	background-image: linear-gradient(to bottom, #f387bc, #a26fed) !important;
}

.bg-gradient7 {
	background-image: linear-gradient(to bottom, #e4e892, #5bf2b6) !important;
}

.bg-gradient8 {
	background-image: linear-gradient(to bottom, #5f6be4, #73bdeb) !important;
}

.bg-gradient9 {
	background-image: linear-gradient(to bottom, #fd8f7c, #b784f5) !important;
}

.bg-gradient10 {
	background-image: linear-gradient(to bottom, #889cff, #88ddd1) !important;
}

.bg-gradient11 {
	background-image: linear-gradient(to bottom, #a8e2e2, #80ceda) !important;
}

.bg-gradient12 {
	background-image: linear-gradient(to bottom, #86cfec, #789aec) !important;
}

.bg-gradient13 {
	background-image: linear-gradient(to bottom, #dee28a, #89ca6b) !important;
}

.bg-gradient14 {
	background-image: linear-gradient(to bottom, #a2acf1, #b482d3) !important;
}

.bg-gradient15 {
	background-image: linear-gradient(to bottom, #f0a675, #f567db) !important;
}

.bg-gradient16 {
	background-image: linear-gradient(to bottom, #685dea, #a0a0ff) !important;
}

.bg-gradient17 {
	background-image: linear-gradient(to bottom, #39a13c, #8be876) !important;
}

.bg-gradient18 {
	background-image: linear-gradient(to bottom, #caa126, #f3db79) !important;
}

/*----背景色组 */
.bg-group-fth1 .bg-group1:nth-child(1) .bg-group1-item {
	background-color: var(--theme-2th-1);
}

.bg-group-fth1 .bg-group1:nth-child(2) .bg-group1-item {
	background-color: var(--theme-2th-2);
}

.bg-group-fth1 .bg-group1:nth-child(3) .bg-group1-item {
	background-color: var(--theme-2th-3);
}

.bg-group-fth1 .bg-group1:nth-child(4) .bg-group1-item {
	background-color: var(--theme-2th-4);
}

/*--图表相关 */
/*----图标背景 */
.new-icon1 {
	background-color: var(--weui-icon1-1);
}

.new-icon2 {
	background-color: var(--weui-icon1-2);
}

.new-icon3 {
	background-color: var(--weui-icon1-3);
}

.new-icon4 {
	background-color: var(--weui-icon1-4);
}

.new-icon5 {
	background-color: var(--weui-icon1-5);
}

.new-icon6 {
	background-color: var(--weui-icon1-6);
}

.new-icon7 {
	background-color: var(--weui-icon1-7);
}

.new-icon8 {
	background-color: var(--weui-icon1-8);
}

.new-icon9 {
	background-color: var(--weui-icon1-9);
}

.new-icon10 {
	background-color: var(--weui-icon1-10);
}

.new-icon11 {
	background-color: var(--weui-icon1-11);
}

.new-icon12 {
	background-color: var(--weui-icon1-12);
}

.new-icon1-dark {
	background-color: var(--weui-icon2-1);
}

.new-icon2-dark {
	background-color: var(--weui-icon2-2);
}

.new-icon3-dark {
	background-color: var(--weui-icon2-3);
}

.new-icon4-dark {
	background-color: var(--weui-icon2-4);
}

.new-icon5-dark {
	background-color: var(--weui-icon2-5);
}

.new-icon6-dark {
	background-color: var(--weui-icon2-6);
}

.new-icon7-dark {
	background-color: var(--weui-icon2-7);
}

.new-icon8-dark {
	background-color: var(--weui-icon2-8);
}

.new-icon9-dark {
	background-color: var(--weui-icon2-9);
}

.new-icon10-dark {
	background-color: var(--weui-icon2-10);
}

.new-icon11-dark {
	background-color: var(--weui-icon2-11);
}

.new-icon12-dark {
	background-color: var(--weui-icon2-12);
}

/* 自定义图标 */
/* 48图标 */
.icon_40pxicon1 {
	background: url(../images/new_icon/icon_1.png);
	background-size: 100% 100%;
}

.icon_40pxicon2 {
	background: url(../images/new_icon/icon_2.png);
	background-size: 100% 100%;
}

.icon_40pxicon3 {
	background: url(../images/new_icon/icon_3.png);
	background-size: 100% 100%;
}

.icon_40pxicon4 {
	background: url(../images/new_icon/icon_4.png);
	background-size: 100% 100%;
}

.icon_40pxicon5 {
	background: url(../images/new_icon/icon_5.png);
	background-size: 100% 100%;
}

.icon_40pxicon6 {
	background: url(../images/new_icon/icon_6.png);
	background-size: 100% 100%;
}

.icon_40pxicon7 {
	background: url(../images/new_icon/icon_7.png);
	background-size: 100% 100%;
}

.icon_40pxicon8 {
	background: url(../images/new_icon/icon_8.png);
	background-size: 100% 100%;
}

.icon_40pxicon9 {
	background: url(../images/new_icon/icon_9.png);
	background-size: 100% 100%;
}

.icon_40pxicon10 {
	background: url(../images/new_icon/icon_10.png);
	background-size: 100% 100%;
}

.icon_40pxicon11 {
	background: url(../images/new_icon/icon_11.png);
	background-size: 100% 100%;
}

.icon_40pxicon12 {
	background: url(../images/new_icon/icon_12.png);
	background-size: 100% 100%;
}

.icon_40pxicon13 {
	background: url(../images/new_icon/icon_13.png);
	background-size: 100% 100%;
}

.icon_40pxicon14 {
	background: url(../images/new_icon/icon_14.png);
	background-size: 100% 100%;
}

.icon_40pxicon15 {
	background: url(../images/new_icon/icon_15.png);
	background-size: 100% 100%;
}

.icon_40pxicon16 {
	background: url(../images/new_icon/icon_16.png);
	background-size: 100% 100%;
}

.icon_40pxicon17 {
	background: url(../images/new_icon/icon_17.png);
	background-size: 100% 100%;
}

.icon_40pxicon18 {
	background: url(../images/new_icon/icon_18.png);
	background-size: 100% 100%;
}

.icon_40pxicon19 {
	background: url(../images/new_icon/icon_19.png);
	background-size: 100% 100%;
}

.icon_40pxicon20 {
	background: url(../images/new_icon/icon_20.png);
	background-size: 100% 100%;
}

.icon_40pxicon21 {
	background: url(../images/new_icon/icon_21.png);
	background-size: 100% 100%;
}

.icon_40pxicon22 {
	background: url(../images/new_icon/icon_22.png);
	background-size: 100% 100%;
}

.icon_40pxicon23 {
	background: url(../images/new_icon/icon_23.png);
	background-size: 100% 100%;
}

.icon_40pxicon24 {
	background: url(../images/new_icon/icon_24.png);
	background-size: 100% 100%;
}

.icon_40pxicon25 {
	background: url(../images/new_icon/icon_25.png);
	background-size: 100% 100%;
}

.icon_40pxicon26 {
	background: url(../images/new_icon/icon_26.png);
	background-size: 100% 100%;
}

.icon_40pxicon27 {
	background: url(../images/new_icon/icon_27.png);
	background-size: 100% 100%;
}

.icon_40pxicon28 {
	background: url(../images/new_icon/icon_28.png);
	background-size: 100% 100%;
}

.icon_40pxicon29 {
	background: url(../images/new_icon/icon_29.png);
	background-size: 100% 100%;
}

.icon_40pxicon30 {
	background: url(../images/new_icon/icon_30.png);
	background-size: 100% 100%;
}

.icon_40pxicon31 {
	background: url(../images/new_icon/icon_31.png);
	background-size: 100% 100%;
}

.icon_40pxicon32 {
	background: url(../images/new_icon/icon_32.png);
	background-size: 100% 100%;
}

.icon_40pxicon33 {
	background: url(../images/new_icon/icon_33.png);
	background-size: 100% 100%;
}

.icon_40pxicon34 {
	background: url(../images/new_icon/icon_34.png);
	background-size: 100% 100%;
}

.icon_40pxicon35 {
	background: url(../images/new_icon/icon_35.png);
	background-size: 100% 100%;
}

.icon_40pxicon36 {
	background: url(../images/new_icon/icon_36.png);
	background-size: 100% 100%;
}

.icon_40pxicon37 {
	background: url(../images/new_icon/icon_37.png);
	background-size: 100% 100%;
}

.icon_40pxicon38 {
	background: url(../images/new_icon/icon_38.png);
	background-size: 100% 100%;
}

.icon_40pxicon39 {
	background: url(../images/new_icon/icon_39.png);
	background-size: 100% 100%;
}

.icon_40pxicon40 {
	background: url(../images/new_icon/icon_40.png);
	background-size: 100% 100%;
}

.icon_40pxicon41 {
	background: url(../images/new_icon/icon_41.png);
	background-size: 100% 100%;
}

.icon_40pxicon42 {
	background: url(../images/new_icon/icon_42.png);
	background-size: 100% 100%;
}

.icon_40pxicon43 {
	background: url(../images/new_icon/icon_43.png);
	background-size: 100% 100%;
}

.icon_40pxicon44 {
	background: url(../images/new_icon/icon_44.png);
	background-size: 100% 100%;
}

.icon_40pxicon45 {
	background: url(../images/new_icon/icon_45.png);
	background-size: 100% 100%;
}

.icon_40pxicon46 {
	background: url(../images/new_icon/icon_46.png);
	background-size: 100% 100%;
}

.icon_40pxicon47 {
	background: url(../images/new_icon/icon_47.png);
	background-size: 100% 100%;
}

.icon_40pxicon48 {
	background: url(../images/new_icon/icon_48.png);
	background-size: 100% 100%;
}

.icon_40pxicon49 {
	background: url(../images/new_icon/icon_49.png);
	background-size: 100% 100%;
}

.icon_40pxicon50 {
	background: url(../images/new_icon/icon_50.png);
	background-size: 100% 100%;
}

.icon_40pxicon51 {
	background: url(../images/new_icon/icon_51.png);
	background-size: 100% 100%;
}

.icon_40pxicon52 {
	background: url(../images/new_icon/icon_52.png);
	background-size: 100% 100%;
}

.icon_40pxicon53 {
	background: url(../images/new_icon/icon_53.png);
	background-size: 100% 100%;
}

.icon_40pxicon54 {
	background: url(../images/new_icon/icon_54.png);
	background-size: 100% 100%;
}

.icon_40pxicon55 {
	background: url(../images/new_icon/icon_55.png);
	background-size: 100% 100%;
}

.icon_40pxicon56 {
	background: url(../images/new_icon/icon_56.png);
	background-size: 100% 100%;
}

.icon_40pxicon57 {
	background: url(../images/new_icon/icon_57.png);
	background-size: 100% 100%;
}

.icon_40pxicon58 {
	background: url(../images/new_icon/icon_58.png);
	background-size: 100% 100%;
}

.icon_40pxicon59 {
	background: url(../images/new_icon/icon_59.png);
	background-size: 100% 100%;
}

.icon_40pxicon60 {
	background: url(../images/new_icon/icon_60.png);
	background-size: 100% 100%;
}

.icon_40pxicon61 {
	background: url(../images/new_icon/icon_61.png);
	background-size: 100% 100%;
}

.icon_40pxicon62 {
	background: url(../images/new_icon/icon_62.png);
	background-size: 100% 100%;
}

.icon_40pxicon63 {
	background: url(../images/new_icon/icon_63.png);
	background-size: 100% 100%;
}

.icon_40pxicon64 {
	background: url(../images/new_icon/icon_64.png);
	background-size: 100% 100%;
}

.icon_40pxicon65 {
	background: url(../images/new_icon/icon_65.png);
	background-size: 100% 100%;
}

.icon_40pxicon66 {
	background: url(../images/new_icon/icon_66.png);
	background-size: 100% 100%;
}

.icon_40pxicon67 {
	background: url(../images/new_icon/icon_67.png);
	background-size: 100% 100%;
}

.icon_40pxicon68 {
	background: url(../images/new_icon/icon_68.png);
	background-size: 100% 100%;
}

.icon_40pxicon69 {
	background: url(../images/new_icon/icon_69.png);
	background-size: 100% 100%;
}

.icon_40pxicon70 {
	background: url(../images/new_icon/icon_70.png);
	background-size: 100% 100%;
}

.icon_40pxicon71 {
	background: url(../images/new_icon/icon_71.png);
	background-size: 100% 100%;
}

.icon_40pxicon72 {
	background: url(../images/new_icon/icon_72.png);
	background-size: 100% 100%;
}

.icon_40pxicon73 {
	background: url(../images/new_icon/icon_73.png);
	background-size: 100% 100%;
}

.icon_40pxicon74 {
	background: url(../images/new_icon/icon_74.png);
	background-size: 100% 100%;
}

.icon_40pxicon75 {
	background: url(../images/new_icon/icon_75.png);
	background-size: 100% 100%;
}

.icon_40pxicon76 {
	background: url(../images/new_icon/icon_76.png);
	background-size: 100% 100%;
}

.icon_40pxicon77 {
	background: url(../images/new_icon/icon_77.png);
	background-size: 100% 100%;
}

.icon_40pxicon78 {
	background: url(../images/new_icon/icon_78.png);
	background-size: 100% 100%;
}

.icon_40pxicon79 {
	background: url(../images/new_icon/icon_79.png);
	background-size: 100% 100%;
}

.icon_40pxicon80 {
	background: url(../images/new_icon/icon_80.png);
	background-size: 100% 100%;
}

.icon_40pxicon81 {
	background: url(../images/new_icon/icon_81.png);
	background-size: 100% 100%;
}

.icon_40pxicon82 {
	background: url(../images/new_icon/icon_82.png);
	background-size: 100% 100%;
}

.icon_40pxicon83 {
	background: url(../images/new_icon/icon_83.png);
	background-size: 100% 100%;
}

.icon_40pxicon84 {
	background: url(../images/new_icon/icon_84.png);
	background-size: 100% 100%;
}

.icon_40pxicon85 {
	background: url(../images/new_icon/icon_85.png);
	background-size: 100% 100%;
}

.icon_40pxicon86 {
	background: url(../images/new_icon/icon_86.png);
	background-size: 100% 100%;
}

.icon_40pxicon87 {
	background: url(../images/new_icon/icon_87.png);
	background-size: 100% 100%;
}

.icon_40pxicon88 {
	background: url(../images/new_icon/icon_88.png);
	background-size: 100% 100%;
}

.icon_40pxicon89 {
	background: url(../images/new_icon/icon_89.png);
	background-size: 100% 100%;
}

.icon_40pxicon90 {
	background: url(../images/new_icon/icon_90.png);
	background-size: 100% 100%;
}

.icon_40pxicon91 {
	background: url(../images/new_icon/icon_91.png);
	background-size: 100% 100%;
}

.icon_40pxicon92 {
	background: url(../images/new_icon/icon_92.png);
	background-size: 100% 100%;
}

.icon_40pxicon93 {
	background: url(../images/new_icon/icon_93.png);
	background-size: 100% 100%;
}

.icon_40pxicon94 {
	background: url(../images/new_icon/icon_94.png);
	background-size: 100% 100%;
}

.icon_40pxicon95 {
	background: url(../images/new_icon/icon_95.png);
	background-size: 100% 100%;
}

.icon_40pxicon96 {
	background: url(../images/new_icon/icon_96.png);
	background-size: 100% 100%;
}

.icon_40pxicon97 {
	background: url(../images/new_icon/icon_97.png);
	background-size: 100% 100%;
}

.icon_40pxicon98 {
	background: url(../images/new_icon/icon_98.png);
	background-size: 100% 100%;
}

.icon_40pxicon99 {
	background: url(../images/new_icon/icon_99.png);
	background-size: 100% 100%;
}

.icon_40pxicon100 {
	background: url(../images/new_icon/icon_100.png);
	background-size: 100% 100%;
}

.icon_40pxicon101 {
	background: url(../images/new_icon/icon_101.png);
	background-size: 100% 100%;
}

.icon_40pxicon102 {
	background: url(../images/new_icon/icon_102.png);
	background-size: 100% 100%;
}

.icon_40pxicon103 {
	background: url(../images/new_icon/icon_103.png);
	background-size: 100% 100%;
}

.icon_40pxicon104 {
	background: url(../images/new_icon/icon_104.png);
	background-size: 100% 100%;
}

.icon_40pxicon105 {
	background: url(../images/new_icon/icon_105.png);
	background-size: 100% 100%;
}

.icon_40pxicon106 {
	background: url(../images/new_icon/icon_106.png);
	background-size: 100% 100%;
}

.icon_40pxicon107 {
	background: url(../images/new_icon/icon_107.png);
	background-size: 100% 100%;
}

.icon_40pxicon108 {
	background: url(../images/new_icon/icon_108.png);
	background-size: 100% 100%;
}

.icon_40pxicon109 {
	background: url(../images/new_icon/icon_109.png);
	background-size: 100% 100%;
}

.icon_40pxicon110 {
	background: url(../images/new_icon/icon_110.png);
	background-size: 100% 100%;
}

.icon_40pxicon111 {
	background: url(../images/new_icon/icon_111.png);
	background-size: 100% 100%;
}

.icon_40pxicon112 {
	background: url(../images/new_icon/icon_112.png);
	background-size: 100% 100%;
}

.icon_40pxicon113 {
	background: url(../images/new_icon/icon_113.png);
	background-size: 100% 100%;
}

.icon_40pxicon114 {
	background: url(../images/new_icon/icon_114.png);
	background-size: 100% 100%;
}

.icon_40pxicon115 {
	background: url(../images/new_icon/icon_115.png);
	background-size: 100% 100%;
}

.icon_40pxicon116 {
	background: url(../images/new_icon/icon_116.png);
	background-size: 100% 100%;
}

.icon_40pxicon117 {
	background: url(../images/new_icon/icon_117.png);
	background-size: 100% 100%;
}

.icon_40pxicon118 {
	background: url(../images/new_icon/icon_118.png);
	background-size: 100% 100%;
}

.icon_40pxicon119 {
	background: url(../images/new_icon/icon_119.png);
	background-size: 100% 100%;
}

.icon_40pxicon120 {
	background: url(../images/new_icon/icon_120.png);
	background-size: 100% 100%;
}

.icon_40pxicon121 {
	background: url(../images/new_icon/icon_121.png);
	background-size: 100% 100%;
}

.icon_40pxicon122 {
	background: url(../images/new_icon/icon_122.png);
	background-size: 100% 100%;
}

.icon_40pxicon123 {
	background: url(../images/new_icon/icon_123.png);
	background-size: 100% 100%;
}

.icon_40pxicon124 {
	background: url(../images/new_icon/icon_124.png);
	background-size: 100% 100%;
}

.icon_40pxicon125 {
	background: url(../images/new_icon/icon_125.png);
	background-size: 100% 100%;
}

.icon_40pxicon126 {
	background: url(../images/new_icon/icon_126.png);
	background-size: 100% 100%;
}

.icon_40pxicon127 {
	background: url(../images/new_icon/icon_127.png);
	background-size: 100% 100%;
}

.icon_40pxicon128 {
	background: url(../images/new_icon/icon_128.png);
	background-size: 100% 100%;
}

.icon_40pxicon129 {
	background: url(../images/new_icon/icon_129.png);
	background-size: 100% 100%;
}

.icon_40pxicon130 {
	background: url(../images/new_icon/icon_130.png);
	background-size: 100% 100%;
}

.icon_40pxicon131 {
	background: url(../images/new_icon/icon_131.png);
	background-size: 100% 100%;
}

.icon_40pxicon132 {
	background: url(../images/new_icon/icon_132.png);
	background-size: 100% 100%;
}

.icon_40pxicon133 {
	background: url(../images/new_icon/icon_133.png);
	background-size: 100% 100%;
}

.icon_40pxicon134 {
	background: url(../images/new_icon/icon_134.png);
	background-size: 100% 100%;
}

.icon_40pxicon135 {
	background: url(../images/new_icon/icon_135.png);
	background-size: 100% 100%;
}

.icon_40pxicon136 {
	background: url(../images/new_icon/icon_136.png);
	background-size: 100% 100%;
}

.icon_40pxicon137 {
	background: url(../images/new_icon/icon_137.png);
	background-size: 100% 100%;
}

.icon_40pxicon138 {
	background: url(../images/new_icon/icon_138.png);
	background-size: 100% 100%;
}

.icon_40pxicon139 {
	background: url(../images/new_icon/icon_139.png);
	background-size: 100% 100%;
}

.icon_40pxicon140 {
	background: url(../images/new_icon/icon_140.png);
	background-size: 100% 100%;
}

.icon_40pxicon141 {
	background: url(../images/new_icon/icon_141.png);
	background-size: 100% 100%;
}

.icon_40pxicon142 {
	background: url(../images/new_icon/icon_142.png);
	background-size: 100% 100%;
}

.icon_40pxicon143 {
	background: url(../images/new_icon/icon_143.png);
	background-size: 100% 100%;
}

.icon_40pxicon144 {
	background: url(../images/new_icon/icon_144.png);
	background-size: 100% 100%;
}

.icon_40pxicon145 {
	background: url(../images/new_icon/icon_145.png);
	background-size: 100% 100%;
}

.icon_40pxicon146 {
	background: url(../images/new_icon/icon_146.png);
	background-size: 100% 100%;
}

.icon_40pxicon147 {
	background: url(../images/new_icon/icon_147.png);
	background-size: 100% 100%;
}

.icon_40pxicon148 {
	background: url(../images/new_icon/icon_148.png);
	background-size: 100% 100%;
}

.icon_40pxicon149 {
	background: url(../images/new_icon/icon_149.png);
	background-size: 100% 100%;
}

.icon_40pxicon150 {
	background: url(../images/new_icon/icon_150.png);
	background-size: 100% 100%;
}

.icon_40pxicon151 {
	background: url(../images/new_icon/icon_151.png);
	background-size: 100% 100%;
}

.icon_40pxicon152 {
	background: url(../images/new_icon/icon_152.png);
	background-size: 100% 100%;
}

.icon_40pxicon153 {
	background: url(../images/new_icon/icon_153.png);
	background-size: 100% 100%;
}

.icon_40pxicon154 {
	background: url(../images/new_icon/icon_154.png);
	background-size: 100% 100%;
}

.icon_40pxicon155 {
	background: url(../images/new_icon/icon_155.png);
	background-size: 100% 100%;
}

.icon_40pxicon156 {
	background: url(../images/new_icon/icon_156.png);
	background-size: 100% 100%;
}

.icon_40pxicon157 {
	background: url(../images/new_icon/icon_157.png);
	background-size: 100% 100%;
}

.icon_40pxicon158 {
	background: url(../images/new_icon/icon_158.png);
	background-size: 100% 100%;
}

.icon_40pxicon159 {
	background: url(../images/new_icon/icon_159.png);
	background-size: 100% 100%;
}

.icon_40pxicon160 {
	background: url(../images/new_icon/icon_160.png);
	background-size: 100% 100%;
}

.icon_40pxicon161 {
	background: url(../images/new_icon/icon_161.png);
	background-size: 100% 100%;
}

.icon_40pxicon162 {
	background: url(../images/new_icon/icon_162.png);
	background-size: 100% 100%;
}

.icon_40pxicon163 {
	background: url(../images/new_icon/icon_163.png);
	background-size: 100% 100%;
}

.icon_40pxicon164 {
	background: url(../images/new_icon/icon_164.png);
	background-size: 100% 100%;
}

.icon_40pxicon165 {
	background: url(../images/new_icon/icon_165.png);
	background-size: 100% 100%;
}

.icon_40pxicon166 {
	background: url(../images/new_icon/icon_166.png);
	background-size: 100% 100%;
}

.icon_40pxicon167 {
	background: url(../images/new_icon/icon_167.png);
	background-size: 100% 100%;
}

.icon_40pxicon168 {
	background: url(../images/new_icon/icon_168.png);
	background-size: 100% 100%;
}

.icon_40pxicon169 {
	background: url(../images/new_icon/icon_169.png);
	background-size: 100% 100%;
}

.icon_40pxicon170 {
	background: url(../images/new_icon/icon_170.png);
	background-size: 100% 100%;
}

.icon_40pxicon171 {
	background: url(../images/new_icon/icon_171.png);
	background-size: 100% 100%;
}

.icon_40pxicon172 {
	background: url(../images/new_icon/icon_172.png);
	background-size: 100% 100%;
}

.icon_40pxicon173 {
	background: url(../images/new_icon/icon_173.png);
	background-size: 100% 100%;
}

.icon_40pxicon174 {
	background: url(../images/new_icon/icon_174.png);
	background-size: 100% 100%;
}

.icon_40pxicon175 {
	background: url(../images/new_icon/icon_175.png);
	background-size: 100% 100%;
}

.icon_40pxicon176 {
	background: url(../images/new_icon/icon_176.png);
	background-size: 100% 100%;
}

.icon_40pxicon177 {
	background: url(../images/new_icon/icon_177.png);
	background-size: 100% 100%;
}

.icon_40pxicon178 {
	background: url(../images/new_icon/icon_178.png);
	background-size: 100% 100%;
}

.icon_40pxicon179 {
	background: url(../images/new_icon/icon_179.png);
	background-size: 100% 100%;
}

.icon_40pxicon180 {
	background: url(../images/new_icon/icon_180.png);
	background-size: 100% 100%;
}

.icon_40pxicon181 {
	background: url(../images/new_icon/icon_181.png);
	background-size: 100% 100%;
}

.icon_40pxicon182 {
	background: url(../images/new_icon/icon_182.png);
	background-size: 100% 100%;
}

.icon_40pxicon183 {
	background: url(../images/new_icon/icon_183.png);
	background-size: 100% 100%;
}

.icon_40pxicon184 {
	background: url(../images/new_icon/icon_184.png);
	background-size: 100% 100%;
}

.icon_40pxicon185 {
	background: url(../images/new_icon/icon_185.png);
	background-size: 100% 100%;
}

.icon_40pxicon186 {
	background: url(../images/new_icon/icon_186.png);
	background-size: 100% 100%;
}

.icon_40pxicon187 {
	background: url(../images/new_icon/icon_187.png);
	background-size: 100% 100%;
}

.icon_40pxicon188 {
	background: url(../images/new_icon/icon_188.png);
	background-size: 100% 100%;
}

.icon_40pxicon189 {
	background: url(../images/new_icon/icon_189.png);
	background-size: 100% 100%;
}

.icon_40pxicon190 {
	background: url(../images/new_icon/icon_190.png);
	background-size: 100% 100%;
}

.icon_40pxicon191 {
	background: url(../images/new_icon/icon_191.png);
	background-size: 100% 100%;
}

.icon_40pxicon192 {
	background: url(../images/new_icon/icon_192.png);
	background-size: 100% 100%;
}

.icon_40pxicon193 {
	background: url(../images/new_icon/icon_193.png);
	background-size: 100% 100%;
}

.icon_40pxicon194 {
	background: url(../images/new_icon/icon_194.png);
	background-size: 100% 100%;
}

.icon_40pxicon195 {
	background: url(../images/new_icon/icon_195.png);
	background-size: 100% 100%;
}

.icon_40pxicon196 {
	background: url(../images/new_icon/icon_196.png);
	background-size: 100% 100%;
}

.icon_40pxicon197 {
	background: url(../images/new_icon/icon_197.png);
	background-size: 100% 100%;
}

.icon_40pxicon198 {
	background: url(../images/new_icon/icon_198.png);
	background-size: 100% 100%;
}

.icon_40pxicon199 {
	background: url(../images/new_icon/icon_199.png);
	background-size: 100% 100%;
}

.icon_40pxicon200 {
	background: url(../images/new_icon/icon_200.png);
	background-size: 100% 100%;
}

/* 图标角标 */
.icon-corner {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -40%);
	width: 16px;
	height: 16px;
	border-radius: 100%;
}

.icon-corner.pc-large1 {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -40%);
	width: 22px;
	height: 22px;
	border-radius: 100%;
}

.icon-corner.icon-corner-topleft {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	transform: translate(-40%, -40%);
}

.icon-corner.icon-corner-bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	transform: translate(40%, 40%);
}

.icon-corner.addto {
	background-color: #7375FF;
	background-image: url(../img/iconcorner-1.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.minusto {
	background-color: darkgray;
	background-image: url(../img/iconcorner-2.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.upto {
	background-color: #D49B9B;
	background-image: url(../img/iconcorner-3.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.downto {
	background-color: #A8C5E6;
	background-image: url(../img/iconcorner-4.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.red {
	background-color: red;
	width: 14px;
	height: 14px;
	border: 1px solid white;
}

.icon-corner.pc-large1.red {
	background-color: red;
	width: 18px;
	height: 18px;
	border: 1px solid white;
}

.icon-corner.rednumber {
	display: flex;
	background-color: red;
	padding: 8px 4px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
	width: auto;
	min-width: 1rem;
	border: 1px solid white;
	font-size: 12px;
	border-radius: 1rem;
}

.icon-corner.pc-large1.rednumber {
	display: flex;
	background-color: red;
	padding: 6px 4px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
	width: auto;
	min-width: 1.4rem;
	border: 1px solid white;
	font-size: 14px;
	border-radius: 1.4rem;
}

/* --字体相关样式 */
/* ----字号 */
.c-0px {
	font-size: 0px !important;
}

.c-10px {
	font-size: 10px !important;
}

.c-11px {
	font-size: 11px !important;
}

.c-12px {
	font-size: 12px !important;
}

.c-13px {
	font-size: 13px !important;
}

.c-14px {
	font-size: 14px !important;
}

.c-15px {
	font-size: 15px !important;
}

.c-16px {
	font-size: 16px !important;
}

.c-17px {
	font-size: 17px !important;
}

.c-18px {
	font-size: 18px !important;
}

.c-19px {
	font-size: 19px !important;
}

.c-20px {
	font-size: 20px !important;
}

/* ----圆角样式 */
.round-circle {
	border-radius: 50% !important;
}

.round-0 {
	border-radius: 0 !important;
}

.round-1 {
	border-radius: 0.25rem !important;
}

.round-2 {
	border-radius: 0.5rem !important;
}

.round-3 {
	border-radius: 0.75rem !important;
}

.round-4 {
	border-radius: 1rem !important;
}

.round-5 {
	border-radius: 1.25rem !important;
}

.round-6 {
	border-radius: 1.5rem !important;
}

/*--布局相关样式 */
/*----flex伸缩比例 */
.flex-1 {
	flex: 1 !important;
}

.flex-2 {
	flex: 2 !important;
}

.flex-3 {
	flex: 3 !important;
}

.flex-4 {
	flex: 4 !important;
}

.flex-5 {
	flex: 5 !important;
}

.flex-6 {
	flex: 6 !important;
}

/*----flex居中 */
.d-flex-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/*----负值边距 */
.m--1 {
	margin: -0.25rem !important;
}

.m--2 {
	margin: -0.5rem !important;
}

.m--3 {
	margin: -1rem !important;
}

.m--4 {
	margin: -1.5rem !important;
}

.m--5 {
	margin: -3rem !important;
}

.mx--1 {
	margin-right: -0.25rem !important;
	margin-left: -0.25rem !important;
}

.mx--2 {
	margin-right: -0.5rem !important;
	margin-left: -0.5rem !important;
}

.mx--3 {
	margin-right: -1rem !important;
	margin-left: -1rem !important;
}

.mx--4 {
	margin-right: -1.5rem !important;
	margin-left: -1.5rem !important;
}

.mx--5 {
	margin-right: -3rem !important;
	margin-left: -3rem !important;
}

.my--1 {
	margin-top: -0.25rem !important;
	margin-bottom: -0.25rem !important;
}

.my--2 {
	margin-top: -0.5rem !important;
	margin-bottom: -0.5rem !important;
}

.my--3 {
	margin-top: -1rem !important;
	margin-bottom: -1rem !important;
}

.my--4 {
	margin-top: -1.5rem !important;
	margin-bottom: -1.5rem !important;
}

.my--5 {
	margin-top: -3rem !important;
	margin-bottom: -3rem !important;
}

.mt--1 {
	margin-top: -0.25rem !important;
}

.mt--2 {
	margin-top: -0.5rem !important;
}

.mt--3 {
	margin-top: -1rem !important;
}

.mt--4 {
	margin-top: -1.5rem !important;
}

.mt--5 {
	margin-top: -3rem !important;
}

.me--1 {
	margin-right: -0.25rem !important;
}

.me--2 {
	margin-right: -0.5rem !important;
}

.me--3 {
	margin-right: -1rem !important;
}

.me--4 {
	margin-right: -1.5rem !important;
}

.me--5 {
	margin-right: -3rem !important;
}

.mb--1 {
	margin-bottom: -0.25rem !important;
}

.mb--2 {
	margin-bottom: -0.5rem !important;
}

.mb--3 {
	margin-bottom: -1rem !important;
}

.mb--4 {
	margin-bottom: -1.5rem !important;
}

.mb--5 {
	margin-bottom: -3rem !important;
}

.ms--1 {
	margin-left: -0.25rem !important;
}

.ms--2 {
	margin-left: -0.5rem !important;
}

.ms--3 {
	margin-left: -1rem !important;
}

.ms--4 {
	margin-left: -1.5rem !important;
}

.ms--5 {
	margin-left: -3rem !important;
}

/* ----图片布局 */
.pic-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wh-100 {
	width: 100%;
	height: 100%;
}

/* 清除滚动条 */
.no-scrollbar::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	background-color: transparent !important;
}

/* 去除伪元素 */
.no-before:before {
	content: none !important;
}

.no-after::after {
	content: none !important;
}

/*---- 换行限定 */
.line-clamp1 {
	overflow-wrap: break-word;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.line-clamp2 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-clamp3 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line-clamp4 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

.line-clamp1-important {
	overflow-wrap: break-word;
	overflow: hidden !important;
	/* white-space: nowrap !important; */
	text-overflow: ellipsis !important;
	text-overflow: -o-ellipsis-lastline !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp2-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp3-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp4-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
}

/*----窗口全屏 */
.screensize {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*----阴影样式 */
.box-shadow1 {
	box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5) !important;
}

.box-shadow2 {
	box-shadow: 1px 1px 3px gainsboro !important;
}

.box-shadow3 {
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1) !important;
}

/* ----进度条样式 */
.progress-style1 {
	background: #22222233;
	margin: 8px 0px;
	height: 3px;
	display: flex;
}

.progress-style1 .progress-bar {
	background: white;
}

/* ----表单组件清空默认样式 */
.form-clean-input1 {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	color: black;
}
/* ----通用按钮样式 */
.PC-general-btn1{
	display: block;
	background-color: var(--pc-main1-dark1);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}
.PC-general-btn1:hover{
	background-color: var(--pc-main1);
	color: white;
}
.PC-general-btn2{
	display: block;
	background-color: var(--pc-main1-light4);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}
.PC-general-btn2:hover{
	background-color: var(--pc-main1-light3);
	color: white;
}
.PC-general-btn3{
	display: block;
	background-color: var(--pc-main1-light4);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem 1.5rem;
	border-radius: 10rem;
}
.PC-general-btn3:hover{
	background-color: var(--pc-main1-light3);
	color: white;
}
.PC-general-btn4{
	display: block;
	color: var(--pc-main1-light2);
	font-size: 1.1rem;
	font-weight: bold;
}
.PC-general-btn4:hover{
	color: var(--pc-main1-light2);
}
/* ----搜索栏样式 */
.general-searchbar1 {
	border: 1px solid #888;
	border-radius: 5rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	padding-left: 0.5rem;
}

.general-searchbar1 .general-searchbar-input {
	font-size: 12px;
	flex: 1;
}

.general-searchbar1 .general-searchbar-input::-webkit-input-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-input::-moz-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-input:-moz-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-button {
	background-color: #565656;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 50px;
	margin-right: -2px;
	flex-shrink: 0;
}

.general-searchbar1 .general-searchbar-button .button-imgbox {
	width: 18px;
	height: 18px;
	font-size: 0;
}

/* ----滚动盒子容器样式 */
.scroll-box1 {
	overflow: auto;
	height: 100%;
}

/* ----添加顶部分割线 */
.top-line-style1+.top-line-style1 {
	border-top: 1px solid #eee;
}

.top-line-style2+.top-line-style2 {
	border-top: 1px solid #f8f8f8;
}
/* ----通用边线样式 */
.PC-border-style1{
	border: 1px solid white;
}
/* ----通用列表样式 */
/* ------list7样式相关 */
.list7 {
	display: block;
	background-color: white;
	position: relative;
	margin-bottom: 0.25rem;
}

.list7-head {
	width: 100%;
	display: flex;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	align-items: center;
}

a.list7-head:active {
	background-color: rgba(0, 0, 0, 0.03);
}

.list7-h-img-fth {
	display: block;
	width: calc(45vw - 2rem);
	height: calc(35vw - 2rem);
	padding: 0.5rem;
}

.list7-h-img-fth.size1 {
	display: block;
	width: 160px;
	height: 120px;
	padding: 0.5rem;
}

.list7-h-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list7-h-text-fth {
	display: block;
	flex: 1;
	padding: 0.5rem 0.5rem 0.5rem 0;
}

.list7-h-text-title {
	color: black;
}

.list7-h-text {
	margin-top: 0.25rem;
	color: darkgray;
	font-weight: 300;
	font-size: 14px;
}

.list7-h-state {
	margin-top: 0.15rem;
	text-align: right;
}

.list7-h-state .tag {
	font-size: 12px;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	display: inline-block;
	background-color: var(--weui-FG-main);
	color: white;
	font-weight: bold;
}

.list7-foot {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.list7-f-btngroup {
	display: flex;
}

.list7-foot::before {
	content: "";
	background-color: #f9f9f9;
	height: 1px;
	width: 100%;
	position: absolute;
}

.list7-f-btngroup a {
	flex: 1;
	text-align: center;
	color: var(--weui-FG-main);
	padding: 0.25rem;
}

.list7-f-btngroup a:first-child {
	border-bottom-left-radius: inherit;
}

.list7-f-btngroup a:last-child {
	border-bottom-right-radius: inherit;
}

.list7-f-btngroup a+a {
	border-left: 1px solid #f9f9f9;
}

.list7-f-btngroup a:active {
	background-color: rgba(0, 0, 0, 0.03);
}

/* ------PC列表样式1 */
.general-PClist-box1 {
	display: flex;
	flex-direction: column;
}

.general-PClist-box1 .PClist-item {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0.5rem;
}
.general-PClist-box1 .PClist-item:hover {
	background-color: #f8f8f8;
}
.general-PClist-box1 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box1 .PClist-item .list-date {
	flex-shrink: 0;
	text-align: center;
	background-color: var(--pc-main1);
	border-radius: 0.5rem;
	padding: 0.1rem 0.5rem;
	font-size: 1rem;
	color: white;
	margin-right: 0.5rem;
}

.general-PClist-box1 .PClist-item .list-text {
	flex: 1;
}

.general-PClist-box1 .PClist-item .list-text .text {
	color: black;
	font-size: 1rem;
}

/* ------PC列表样式2 */
.general-PClist-box2 {}

.general-PClist-box2 .PClist-item {
	display: flex;
	align-items: center;
	padding: 0.75rem;
}
.general-PClist-box2 .PClist-item:hover {
	background-color: #f8f8f8;
}
.general-PClist-box2 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box2 .PClist-item .list-date {
	flex-shrink: 0;
	text-align: center;
	font-size: 1rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
	margin-left: 0.5rem;
}

.general-PClist-box2 .PClist-item .list-text {
	flex: 1;

}

.general-PClist-box2 .PClist-item .list-text .text {
	color: dimgray;
	font-size: 1rem;
}
/* ------PC列表样式3 */
.general-PClist-box3 {}

.general-PClist-box3 .PClist-item {
	display: flex;
	align-items: center;
	padding: 0.5rem;
}
.general-PClist-box3 .PClist-item:hover {
	background-color: #f8f8f8;
}
.general-PClist-box3 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box3 .PClist-item .img-box{
	flex-shrink: 0;
	width: 10rem;
	height: 5.5rem;
	margin-right: 0.5rem;
}
.general-PClist-box3 .PClist-item .text-box{
	flex: 1;
}
.general-PClist-box3 .PClist-item .text-box .text1{
	color: black;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.general-PClist-box3 .PClist-item .text-box .text2{
	color: gray;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}
.general-PClist-box3 .PClist-item .text-box .text3{
	color: darkgray;
	font-size: 0.9rem;
}
.general-PClist-box3 .PClist-item .text-box .text4{
	color: darkgray;
	font-size: 0.9rem;
	text-align: right;
}
/* ------PC列表样式4 */
.general-PClist-box4 {
	padding: 0.5rem;
}

.general-PClist-box4 .PClist-item {
	display: block;
	align-items: center;
}
.general-PClist-box4 .PClist-item+.PClist-item {
	margin-top: 0.5rem;
}
.general-PClist-box4 .PClist-item .list-content-box .text1 {
	color: dimgray;
	font-size: 1rem;
	display: inline;
}
.general-PClist-box4 .PClist-item .list-content-box .text2 {
	color: var(--pc-main1);
	font-weight: bold;
	font-size: 1rem;
	display: inline;
}
/* ----通用浮窗样式 */
.fixed-window1-fth{
	position: fixed;
	top: 3rem;
	left: 50%;
	z-index: 3;
	transform: translate(-50%,0);
}
.fixed-window1-fth .fixed-window1-box{
	width: 80vw;
	max-width: 600px;
}
/* ----通用弹窗样式 */
/* ------弹窗盒子 */
.PC-popup-fth1{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 11;
	background-color: #00000033;
}
/* ------弹窗1 */
.PC-popup-box1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.PC-popup-box1 .PC-popup-window{
	background-color: white;
	width: 80vw;
	height: auto;
	max-width: 400px;
	max-height: 600px;
	border-radius: 0.5rem;
	overflow: hidden;
}
.PC-popup-box1 .PC-popup-window .PC-popup-header{
	display: flex;
	align-items: center;
}
.PC-popup-box1 .PC-popup-window .PC-popup-header .title{
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}
.PC-popup-box1 .PC-popup-window .PC-popup-header .close-btn{
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}
.PC-popup-box1 .PC-popup-window .PC-popup-content{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.PC-popup-box1 .PC-popup-window .PC-popup-content .img-box1{
	width: 60%;
	max-width: 240px;
	height: auto;
}
.PC-popup-box1 .PC-popup-window .PC-popup-content .text-box1{
	color: gray;
	font-size: 1rem;
	padding: 0.25rem;
}
.PC-popup-box1 .PC-popup-window .PC-popup-footer{
	display: flex;
	flex-direction: row-reverse;
	align-self: center;
	justify-content: right;
	padding: 0.5rem;
}
.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer{
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}
.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer+.btn-footer{
	margin-right: 0.5rem;
}
.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer-main{
	background-color: var(--pc-main1);
	color: white;
}
.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer-other{
	color: var(--pc-main1);
}
/* ------弹窗2 */
.PC-popup-box2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.PC-popup-box2 .PC-popup-window{
	background-color: white;
	width: 80vw;
	height: auto;
	max-width: 500px;
	max-height: 600px;
	border-radius: 0.5rem;
	overflow: hidden;
}
.PC-popup-box2 .PC-popup-window .PC-popup-header{
	display: flex;
	align-items: center;
}
.PC-popup-box2 .PC-popup-window .PC-popup-header .title{
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}
.PC-popup-box2 .PC-popup-window .PC-popup-header .close-btn{
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content{
	display: flex;
	align-items: center;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option-fth{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option{
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0.65;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option:hover{
	opacity: 1;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1{
	width: 150px;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--pc-main1-light3);
	border-radius: 1rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1 .img{
	width: 100px;
	height: 100px;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1 .text{
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
}
.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option  .text-box1{
	color: dimgray;
	font-size: 1rem;
	padding: 0.25rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-footer{
	display: flex;
	flex-direction: row-reverse;
	align-self: center;
	justify-content: right;
	padding: 0.5rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer{
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer+.btn-footer{
	margin-right: 0.5rem;
}
.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer-main{
	background-color: var(--pc-main1);
	color: white;
}
.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer-other{
	color: var(--pc-main1);
}
/* ----通用标题样式 */
.general-PCtitle1 {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	border-bottom: 1px solid gainsboro;
}

.general-PCtitle1 .title-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.general-PCtitle1 .title-content .title-front {
	background-color: var(--pc-main1-dark1);
	width: 0.42rem;
	height: 1.42rem;
	border-radius: 1rem;
	margin-right: 0.25rem;
}

.general-PCtitle1 .title-content .title-text {
	font-size: 1.3rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
}

.general-PCtitle1 .title-link {
	text-decoration: none;
	color: darkgray;
	font-size: 0.85rem;
}
.general-PCtitle2 {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	margin-bottom: 0.25rem;
}
.general-PCtitle2 .title-content {
	flex: 1;
	display: flex;
	align-items: center;
}
.general-PCtitle2 .title-content .title-text {
	font-size: 1.3rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
}
.general-PCtitle2 .title-link {
	text-decoration: none;
	color: var(--pc-main1-dark1);
	font-size: 0.9rem;
}
/* ----通用小标题样式 */
.PC-general-littletitle1{
	display: block;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: var(--pc-main1-dark1);
}
/* 通用文本框 */
.PC-general-textbox1{
	background-color: #f8f8f8;
	color: black;
}
.PC-general-textbox1 p{
	margin-bottom: 0.5rem;
}
.PC-general-textbox1 .c-blod{
	font-weight: bold;
}
.PC-general-textbox1 .c-0d8rem{
	font-size: 0.8rem;
}
.PC-general-textbox1 .c-0d9rem{
	font-size: 0.9rem;
}
.PC-general-textbox1 .c-1rem{
	font-size: 1rem;
}
.PC-general-textbox1 .c-1d1rem{
	font-size: 1.1rem;
}
.PC-general-textbox1 .c-1d2rem{
	font-size: 1.2rem;
}
.PC-general-textbox1 .c-1d3rem{
	font-size: 1.3rem;
}
/* ----通用菜单导航样式 */
/* ———— */
.PC-nav-tab1-fth1 {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.PC-nav-tab1-fth1 .PC-nav-tab1 {
	text-align: center;
}
.PC-nav-tab1 {
	color: var(--pc-main1-dark1);
	margin: 3px 0;
	padding: 3px 1.2rem;
	font-size: 1.1rem;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.PC-nav-tab1:hover {
	color:  var(--pc-main1-dark1);
}
.PC-nav-tab1::after {
	content: "";
	background-color: var(--pc-main1-light3);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab1.active {
	font-size: 1.25rem;
	font-weight: bold;
}
.PC-nav-tab1.active::after {
	width: 50%;
}
/* ———— */
.PC-nav-tab1-fth2 {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.PC-nav-tab1-fth2 .PC-nav-tab2 {
	flex: 1;
	text-align: center;
}
.PC-nav-tab2 {
	color: var(--pc-main1-dark1);
	margin: 0 0;
	padding: 3px 0;
	font-size: 1.1rem;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.PC-nav-tab2:hover {
	color:  var(--pc-main1-dark1);
}
.PC-nav-tab2::after {
	content: "";
	background-color: var(--pc-main1-light3);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab2.active {
	font-size: 1.25rem;
	font-weight: bold;
}
.PC-nav-tab2.active::after {
	width: 50%;
}
/*——————————iframe响应样式—————————— */
.iframe-container {
	overflow: hidden;
	position: relative;
}

.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* ——————————轮播图—————————— */
/* 初始设置 */
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	--swiper-pagination-color: var(--pc-main1);
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 移动端样式 */
.swiper-style0 .swiper-slide {
	width: auto;
	height: auto;
}

.swiper-container.swiper-style1 {
	border-radius: 10px;
}

.swiper-container.swiper-style1>.swiper-pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
}

.swiper-style2 .swiper-slide {
	display: block;
}

.swiper-style3 {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.swiper-style3 .swiper-wrapper {
	height: 2.5rem;
}

.swiper-style4 {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.swiper-style4 .swiper-slide {
	display: block;
	text-align: left;
}

.swiper-style5 .swiper-slide img {
	width: 100%;
	height: 40vw;
	object-fit: cover;
}

.swiper-style6 .swiper-slide {
	background-color: black;
}

.swiper-style6 .swiper-slide img {
	width: 100%;
}

.swiper-style6 .swiper-pagination {
	color: white;
}

/* swiper PC端样式 */
.swiper-PC-style1 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 8px;
	opacity: 0.5;
	background-color: white;
	transition: all ease-in-out 0.3s;
}

.swiper-PC-style1 .swiper-pagination-bullet-active {
	width: 30px;
	opacity: 1;
	background-color: white;
}

.swiper-container.swiper-PC-style2{
	padding-bottom: calc(10px + 10px + 0.25rem);
}
.swiper-container-horizontal.swiper-PC-style2 >.swiper-pagination-bullets{
	position: absolute;
	bottom: 0;
}
.swiper-PC-style2 .swiper-pagination-bullet {
	width: 16px;
	height: 10px;
	border-radius: 8px;
	opacity: 0.5;
	background-color: var(--pc-main1);
	transition: all ease-in-out 0.3s;
}
.swiper-PC-style2 .swiper-pagination-bullet-active {
	width: 50px;
	opacity: 1;
	background-color: var(--pc-main1);
}
/* ==========工会后台管理系统 ==========*/
/* ——————————后台管理框架页面—————————— */
/*--顶部栏 */
.backstage-titlebox {
	/* background-color: #b46cd8; */
	/* 方案一 */
	background-color: white;
	/* 方案二 */
	height: 50px;
	display: flex;
	align-items: center;
}

.backstage-titlebox .titlebox-showmenu {
	width: 36px;
	height: 36px;
	font-size: 0;
	margin: 0 0.25rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.backstage-titlebox .titlebox-showmenu.show {
	transform: rotate(540deg);
}

.backstage-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.backstage-titlebox .titlebox-logo .text {
	font-size: 18px;
	font-weight: bold;
	/* color: white; */
	/* 方案一 */
	color: #000;
	/* 方案二 */
}

.backstage-titlebox .titlebox-link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-link .link-text {
	padding: 0 16px;
	/* color: white; */
	/* 方案一 */
	color: #565656;
	/* 方案二 */
}

.backstage-titlebox .titlebox-searchbar {
	height: 30px;
	width: 260px;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-icon {
	width: 18px;
	height: 18px;
	font-size: 0;
	margin: 0 1rem;
	flex-shrink: 0;
	cursor: pointer;
}

.backstage-titlebox .titlebox-date {
	font-size: 14px;
	color: #888;
	padding: 0 1rem;
}

.backstage-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
}

.backstage-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 14px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: 0;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
	
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 14px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/*--左侧栏 */
.backstage-left-sidebar {
	/* background-color: #fcfcfc; */
	/* 方案一 */
	background-color: #c3dcf4;
	/* 方案二 */
	width: 240px;
	margin-left: -240px;
	transition: all ease-in 0.3s;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.backstage-left-sidebar.show {
	margin-left: 0px;
}

.accordion-menu-list1 .accordion-menu1 {
	background-color: #ffffff66;
}

.accordion-menu-list1 .accordion-menu1 .menu-title {
	/* background-color: #ffffff20; */
	/* 方案一 */
	background-image: linear-gradient(to right, #4d82d5, #7cb8eb);
	/* 方案二 */
	padding: 0.25rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #ffffffaa;
	border-bottom: 1px solid #ffffffaa;
	transition: all ease-in 0.3s;
	cursor: pointer;
}

.accordion-menu-list1 .accordion-menu1 .menu-title.active {
	background-image: linear-gradient(to right, #216ecb, #6db4f5);
	/* 方案二 */
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-icon {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	font-size: 0;
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-text {
	/* color: #333333; */
	/* 方案一 */
	color: #ffffff;
	/* 方案二 */
	font-size: 16px;
	flex: 1;
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-arrow {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	font-size: 0;
	transform: rotate(90deg);
	transition: all ease-in 0.3s;
}

.accordion-menu-list1 .accordion-menu1 .menu-title.active .menu-title-arrow {
	transform: rotate(-90deg);
}

.accordion-menu-list1 .accordion-menu1 .menu-content {
	overflow: hidden;
	transition: all ease-in 0.3s;
	max-height: 0;
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item {
	padding: 0.3rem;
	/* color: var(--rheme-1th-1); */
	/* 方案一 */
	color: #00000099;
	/* 方案二 */
	/* color: #ffffff; */
	/* 方案三 */
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item.active {
	color: #216ecb;
	font-weight: bold;
	/* background-color: #ffffff66; */
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item:hover {
	background-color: #ffffff66;
}

.left-sidebar-link {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.25rem;
}

.left-sidebar-link .link-text {
	display: block;
	text-align: center;
	color: black;
	font-size: 14px;
}

.left-sidebar-link .link-text:hover {
	color: white;
}

/* ——————————后台管理右下子页面—————————— */
/*--首页桌面 */
/*----版块卡片 */
.card-box1-pc {
	display: block;
	background-color: white;
	border-radius: 0.3rem;
	padding: 0.75rem;
	padding-top: 0.25rem;
	transition: all 0.3s;
}

.card-box1-pc:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}

.card-box1-pc .card-box1-pc-title {
	font-size: 16px;
	font-weight: bold;
	padding: 0.5rem 0;
	border-bottom: 1px dashed gainsboro;
	display: flex;
	align-items: center;

}

.card-box1-pc .card-box1-pc-title .title-after {
	flex: 1;
	color: gray;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
}

.card-box1-pc .card-box1-pc-content {
	height: auto;
	padding-top: 0.5rem;
}

.card-box1-pc .card-box1-pc-content1 {
	height: 200px;
	padding-top: 0.5rem;
}

.card-box1-pc .card-box1-pc-content2 {
	height: 240px;
	padding-top: 0.5rem;
}

.card-box3-pc {
	display: block;
	background-color: white;
	border-radius: 0.3rem;
	padding: 0.75rem;
	padding-top: 0.25rem;
}

.card-box3-pc .card-box3-pc-title {
	font-size: 16px;
	font-weight: bold;
	padding: 0.5rem 0;
	border-bottom: 1px dashed gainsboro;
	display: flex;
	align-items: center;

}

.card-box3-pc .card-box3-pc-title .title-after {
	flex: 1;
	color: gray;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
}

.card-box3-pc .card-box3-pc-content {
	height: 300px;
	padding-top: 0.5rem;
}

/* 鼠标悬停向上浮动 */
.hover-style1 {
	transition: all ease-in 0.3s;
}

.hover-style1:hover {
	transform: translateY(-6px);
}

/*----数据卡片 */
.card-box2-pc {
	display: block;
	background-color: darkgray;
	padding: 0.5rem 1rem;
	transition: all 0.3s;
}

.card-box2-pc:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}

.data-card-pc-box1 {
	display: flex;
	align-items: center;
}

.data-card-pc-box1 .data-card-img-box {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #22222233;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.5rem;
}

.data-card-pc-box1 .data-card-img-box .img {
	width: 80%;
	height: 80%;
	object-fit: cover;
}

.data-card-pc-box1 .data-card-text-box {
	flex: 1;
}

.data-card-pc-box1 .data-card-text-box .text-line1 {
	color: white;
	font-size: 14px;
}

.data-card-pc-box1 .data-card-text-box .text-line2 {
	color: white;
	font-size: 20px;
	font-weight: bold;
}

/* ——————————我的日程版块—————————— */
/* --日程表 */
.schedule-box1 {
	display: flex;
	height: 100%;
}

/* --左侧 */
.schedule-box-timeline1 {
	background-color: white;
	height: 100%;
	overflow: auto;
	padding: 0.5rem 0;
}

.schedule-box-timeline1 .year-box {
	padding: 0.25rem 0;
}

.schedule-box-timeline1 .year-box .month {
	padding: 0.5rem 0;
	text-align: center;
	color: gray;
	font-size: 12px;
	font-weight: normal;
	transition: all ease-in 0.1s;
}

.schedule-box-timeline1 .year-box .month.active {
	background-color: var(--weui-FG-mainlight1);
	font-size: 14px;
	font-weight: bold;
	color: white;
	position: relative;
}

.schedule-box-timeline1 .year-box .month.active::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform-origin: 50% 50%;
	transform: translate(50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: #f8f8f8;
}

.schedule-box-timeline1 .year-box .year {
	padding: 0.25rem 0.5rem;
	text-align: center;
	color: var(--weui-FG-main);
	font-size: 12px;
}

/* --右侧 */
.schedule-box-timeline2 {
	background-color: #fbfbfb;
	flex: 1;
	height: 100%;
	overflow: auto;
	padding: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box {
	position: relative;
}

/* ----连接线 */
.schedule-box-timeline2 .schedule-date-box::after {
	content: "";
	display: block;
	width: 0px;
	height: calc(100% - 25px);
	border-left: 2px solid lightgray;
	position: absolute;
	top: 25px;
	left: calc(1rem + 8px - 1px);
	/* box-shadow: 2px 2px 2px lightgray; */
}

.schedule-box-timeline2 .schedule-date-box::before {
	content: "";
	display: block;
	width: 0px;
	height: calc(25px);
	border-left: 2px solid lightgray;
	position: absolute;
	top: 0px;
	left: calc(1rem + 8px - 1px);
	/* box-shadow: 2px 2px 2px lightgray; */
}

/* ----标题区 */
.schedule-box-timeline2 .schedule-date-box .title-box {
	display: flex;
	align-items: center;
	height: 50px;
}

.schedule-box-timeline2 .schedule-date-box .title-box .title-before {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: var(--weui-FG-mainlight);
	box-shadow: 2px 2px 2px lightgray;
	margin-left: 1rem;
	margin-right: 0.5rem;
	z-index: 2;
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box.today .title-box .title-before::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid var(--weui-FG-mainlight);
	box-shadow: 2px 2px 2px lightgray;
	/* margin-left: 1rem;
	margin-right: 0.5rem; */
	z-index: 2;
}

.schedule-box-timeline2 .schedule-date-box .title-box .title {
	font-size: 16px;
	font-weight: bold;
	margin-right: 0.2rem;
}

.schedule-box-timeline2 .schedule-date-box .title-box .page-btn {
	color: var(--weui-FG-maindark);
	font-size: 16px;
}

.schedule-box-timeline2 .schedule-date-box .title-box .btn-add {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 0;
}

/* ----内容区 */
.schedule-box-timeline2 .schedule-date-box .content-box {
	padding-bottom: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item {
	display: flex;
	align-items: center;
}

/* ------日程项 */
.schedule-box-timeline2 .schedule-date-box .content-box .content-item+.content-item {
	margin-top: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before .part1 {
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: dodgerblue;
	margin-left: calc(1rem + 5px);
	z-index: 2;
	box-shadow: 2px 2px 2px lightgray;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before .part2 {
	width: 12px;
	height: 0px;
	border-top: 1px dashed dodgerblue;
	z-index: 2;
	box-shadow: 2px 2px 2px lightgray;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text {
	background-color: white;
	/* border:1px dashed dodgerblue; */
	padding: 0.5rem;
	border-radius: 0.5rem;
	box-shadow: 2px 2px 6px lightgray;
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part1 {
	color: dimgray;
	font-size: 14px;
	font-weight: bold;
	margin-right: 3rem;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part2 {
	color: dimgray;
	font-size: 14px;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part3 {
	color: darkgray;
	font-size: 12px;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .btn-delete {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: dodgerblue;
}

/* --------无日程项 */
.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none {
	display: flex;
	align-items: center;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-before {
	width: calc(1rem + 23px);
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text {
	/* background-color: white; */
	/* border:1px dashed dodgerblue; */
	padding: 0.5rem;
	/* border-radius: 0.5rem; */
	/* box-shadow: 2px 2px 6px lightgray; */
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part1 {
	color: dimgray;
	font-size: 14px;
	font-weight: bold;
	margin-right: 3rem;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part2 {
	color: dimgray;
	font-size: 14px;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part2 .link1 {
	color: var(--weui-FG-mainlight);
	text-decoration: underline;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part3 {
	color: darkgray;
	font-size: 12px;
}

/* ——————————消息列表—————————— */
.message-list1 .message-list1-item+.message-list1-item {
	border-top: 1px solid #f8f8f8;
}

.message-list1-item {
	display: block;
}

.message-box1 {
	background-color: white;
	color: black;
	padding: 0.65rem;
	display: flex;
	align-items: center;
}

.message-box1 .edit-box .checkbox-option-inlist {
	margin-right: 0.5rem;
}

.message-box1 .headimg-box .headimg {
	width: 50px;
	height: 50px;
	margin-right: 0.5rem;
	position: relative;
}

.message-box1 .info-box {
	flex: 1;
}

.message-box1 .info-box .line1,
.message-box1 .info-box .line2 {
	display: flex;
}

.message-box1 .info-box .line1 .name {
	flex: 1;
	font-size: 16px;
	color: black;
}

.message-box1 .info-box .line1 .time {
	font-size: 14px;
	margin-left: 0.25rem;
	color: darkgray;
}

.message-box1 .info-box .line2 .text {
	flex: 1;
	color: darkgray;
	font-size: 14px;
}

.message-box1 .info-box .line2 .link {
	margin-left: 0.25rem;
	color: var(--weui-FG-main);
	font-size: 14px;
}

.message-box1 .btn-box+.btn-box {
	margin-left: 0.25rem;
}

.message-box1 .btn-box .btn {
	color: var(--weui-FG-main);
	border: 1px solid var(--weui-FG-main);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
}

.message-box1 .btn-box .btn-img {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
}

/* ——————————快捷入口—————————— */
.icon-box1-pc {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.icon-box1-pc .img-box {
	width: 66px;
	height: 66px;
	position: relative;
}

.icon-box1-pc .text-box {
	align-items: center;
	color: black;
	font-size: 14px;
}

/* ==========工会网络学习讲堂平台 ==========*/
/* ——————————首页—————————— */
/*顶部栏 */
.xvexijt-titlebox {
	background-color: white;
	height: 50px;
	display: flex;
	align-items: center;
}

.xvexijt-titlebox .titlebox-showmenu {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin: 0 0.25rem 0 0.5rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.xvexijt-titlebox .titlebox-logo .text {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
}

.xvexijt-titlebox .titlebox-link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-link .link-text {
	padding: 0 16px;
	color: #565656;
}

.xvexijt-titlebox .titlebox-searchbar {
	height: 30px;
	width: 260px;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-icon {
	width: 18px;
	height: 18px;
	font-size: 0;
	margin: 0 1rem;
	flex-shrink: 0;
	cursor: pointer;
}
.xvexijt-titlebox .titlebox-textbox1{
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}
.xvexijt-titlebox .titlebox-textbox1 .img-box{
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}
.xvexijt-titlebox .titlebox-textbox1 .text1{
	margin-left: 0.25rem;
	color: #565656;
}
.xvexijt-titlebox .titlebox-link2-box{
	display: flex;
	align-items: center;
	padding: 0 0.25rem;
}

/* .xvexijt-titlebox .titlebox-link2-box .titlebox-link2{
	display: block;
	color: #565656;
}
.xvexijt-titlebox .titlebox-link2-box .titlebox-link2+.titlebox-link2{
	margin-left: 0.5rem;
} */
.xvexijt-titlebox .titlebox-login {
	display: block;
	color: #565656;
	padding: 0 0.25rem;
	margin: 0 0.5rem;
}

.xvexijt-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.25rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 1rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 1rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/* 侧弹窗 */
.xvexijt-sidebarbox {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-100%, 0);
	width: 260px;
	height: 100vh;
	background-color: white;
	z-index: 10;
	box-shadow: 0 5px 20px gray;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all ease-in 0.3s;
}

.xvexijt-sidebarbox.show {
	transform: translate(0%, 0%);
}

.xvexijt-sidebarbox .sidebarbox-header {
	height: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.xvexijt-sidebarbox .sidebarbox-header .btn1 {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	cursor: pointer;
}

.xvexijt-sidebarbox .sidebarbox-body {
	flex: 1;
	overflow-y: hidden;
	overflow-x: auto;
}

.xvexijt-sidebarbox .sidebarbox-body .content-box .content-item {
	display: block;
	padding: 0.5rem;
	text-align: center;
	color: #565656;
}

.xvexijt-sidebarbox .sidebarbox-footer {}

/* 版块样式 */
.video-card1-pc {
	display: block;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
}

.video-card1-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.video-card1-pc .video-card-pic {
	position: relative;
}

.video-card1-pc .video-card-pic .img-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-card1-pc .video-card-pic .img-box .pic-cover {
	transform: scale(1, 1);
	transition: all ease-in-out 0.3s;
}

.video-card1-pc .video-card-pic .img-box .pic-cover:hover {
	transform: scale(1.2, 1.2);
}

.video-card1-pc .video-card-pic .video-tag {
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--pc-main1-light2);
	border-bottom-right-radius: 0.5rem;
	padding: 0.1rem 0.5rem;
	font-size: 1rem;
	color: white;
}

.video-card1-pc .video-card-info {
	padding: 0.5rem;
}

.video-card1-pc .video-card-info .title-box .text {
	color: black;
	font-size: 1.1rem;
	font-weight: bold;
}

.video-card1-pc .video-card-info .text-box .text1 {
	color: darkgray;
	font-size: 0.95rem;
}

.video-card1-pc .video-card-info .text-box .text2 {
	color: gray;
	font-size: 0.9rem;
	text-align: right;
}

.person-card1-pc {
	display: flex;
	align-items: center;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
	padding: 1rem;
}

.person-card1-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.person-card1-pc .person-card-pic {
	display: block;
	margin-right: 1rem;
	flex-shrink: 0;
}

.person-card1-pc .person-card-pic .img-box {
	border-radius: 100%;
	overflow: hidden;
}

.person-card1-pc .person-card-info {
	flex: 1;
}

.person-card1-pc .person-card-info .title-box .text {
	color: black;
	font-size: 1.1rem;
}

.person-card1-pc .person-card-info .tag-box {
	display: flex;
	padding: 0.25rem 0;
}

.person-card1-pc .person-card-info .tag-box .tag-text {
	flex-shrink: 0;
	border: 1px solid var(--pc-main1-light1);
	color: var(--pc-main1-light1);
	border-radius: 0.25rem;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	margin-right: 0.25rem;
}

.person-card1-pc .person-card-info .text-box .text1 {
	color: darkgray;
	font-size: 0.95rem;
}

.person-card1-pc .person-card-info .text-box .text2 {
	color: darkgray;
	font-size: 0.9rem;
}

/* 底部栏footer */
.xvexijt-footerbox-infobox {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.xvexijt-footerbox-infobox .content-box {
	display: block;
	text-align: center;
}

.xvexijt-footerbox-infobox .content-box .info-text {
	display: inline-block;
	color: white;
	font-size: 0.9rem;
}

.xvexijt-footerbox-infobox .content-box .info-link:hover {
	color: #ffffffcc;
}

.xvexijt-footerbox .xvexijt-footerbox-picbox {
	width: 100%;
	height: 100%;
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.xvexijt-footerbox .xvexijt-footerbox-picbox .img-box {
	display: block;
	width: 30%;
}

/* 图文详情页 */
.XveXiJT-textbox .info-box{
	margin-bottom: 1rem;
}
.XveXiJT-textbox .info-box .title {
	color: black;
	font-size: 1.2rem;
	font-weight: bold;
}

.XveXiJT-textbox .info-box .title-2th {
	padding: 0.25rem 0;
	display: flex;
	align-items: center;
}

.XveXiJT-textbox .info-box .title-2th .text1 {
	color: gray;
	font-size: 0.9rem;
	margin-right: 1rem;
}

.XveXiJT-textbox .content-box {
	/* margin-top: 1rem; */
}

.XveXiJT-textbox .content-box p {
	margin: 0;
	color: black;
}

.XveXiJT-textbox .content-box p+p {
	margin-top: 1rem;
}

@media screen and (max-width: 768px) {
	.XveXiJT-textbox .content-box img {
		width: 100% !important;
		height: auto !important;
	}
}

/* 视频详情页 */
/* --工会同事圈子评论区 */
.gh-circle-comment {
	background-color: white;
}

.gh-circle-comment .comment-box+.comment-box {
	border-top: 1px solid #f3f3f3;
}

.comment-box {
	display: flex;
	padding: 0.5rem;
}

.comment-head-box {
	margin-right: 0.5rem;
}

.comment-head {
	width: 50px;
	height: 50px;
}

.comment-body-box {
	flex: 1;
}

.comment-title {
	font-size: 0.92rem;
	color: #666666;
}

.comment-title-2th {
	font-size: 0.8rem;
	color: darkgray;
}

.comment-text {
	font-size: 1rem;
}

.comment-delete {
	display: block;
	font-size: 0.8rem;
	color: #8585d9;
	text-align: right;
	margin-right: 0.5rem;
}

.conmment2th-card {
	background-color: #eeeeee;
	padding: 0.5rem;
}

.conmment2th-card .conmment2th-box+.conmment2th-box {
	margin-top: 2px;
}

.conmment2th-box {
	line-height: 1.2rem;
}

.comment2th-title {
	font-size: 0.9rem;
	color: #414BD9;
}

.comment2th-text {
	font-size: 0.9rem;
}

.comment2th-delete {
	display: inline-block;
	font-size: 0.8rem;
	color: #8585d9;
}
/* --聊天框 */
.PC-message-input-box {
	display: block;
}

.PC-message-input-box .message-form {
	display: block;
	padding: 0.5rem;
}

.PC-message-input-box .message-form .message-form-textarea-fth {
	margin-bottom: 0.25rem;
}

.PC-message-input-box .message-form .message-form-textarea-fth .message-form-textarea {
	width: calc(100% - 1rem);
	height: 4rem;
	min-height: 0;
	font-size: 1rem;
	resize: none;
	outline: none;
	border: 1px solid var(--pc-main1-light2);
	border-radius: 0.5rem;
	padding: 0.5rem;
	box-sizing: content-box;
}
.PC-message-input-box .message-form .message-form-other-fth{
	display: flex;
	align-items: center;
}
.PC-message-input-box .message-form .message-form-icon-fth {
	padding-right: 0.5rem;
}

.PC-message-input-box .message-form .message-form-icon-fth .message-form-icon {
	width: 2.2rem;
	height: 2.2rem;
}

.PC-message-input-box .message-form .message-form-button-fth {
	
}

.PC-message-input-box .message-form .message-form-button-fth .message-form-button {
	background-color: var(--pc-main1-dark1);
	text-align: center;
	padding: 0.2rem 1.2rem;
	color: white;
	font-size: 1.2rem;
	border-radius: 0.5rem;
}
.PC-expression-box1-fth{
	border: 1px solid gray;
	padding: 0.25rem;
	border-radius: 1rem;
	overflow: hidden;
	max-width: 500px;
	margin-left: auto;
}
.PC-expression-box1 {
	height: auto;
}
.PC-expression-box1 .expression-list1 {
	font-size: 1.6rem;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(6, auto);
	grid-auto-rows: minmax(2.5rem, 1fr);
	align-items: center;
	justify-items: center;
}
/* 登录页 */
.PC-login-box1{
	width: 80vw;
	max-width: 350px;
	height: auto;
	padding: 1rem;
	border: 1px solid var(--pc-main1-light2);
	border-radius: 1rem;
	box-shadow: 2px 2px 6px var(--pc-main1-light4);
}
.PC-login-box1 .PC-login-QRcode{
	text-align: center;
}
.PC-login-box1 .PC-login-QRcode .img-box{
	width: 200px;
	height: auto;
	margin: 0 auto;
}
.PC-login-box1 .PC-login-QRcode .text-box{
	margin-top: 0.25rem;
	font-size: 1rem;
	color: gray;
}
.PC-login-box1 .PC-login-footer{
	padding: 0.5rem;
	display: flex;
}
.PC-login-box1 .PC-login-footer .link1{
	flex-shrink: 0;
	font-size: 0.9rem;
	color: var(--pc-main1-light3);
}
/* 表单组件默认样式 */
.form-clean-input {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	color: black;
}

.form-clean-input::-webkit-input-placeholder {
	color: #ccc;
}

.form-clean-input::-moz-placeholder {
	color: #ccc;
}

.form-clean-input:-moz-placeholder {
	color: #ccc;
}

.form-clean-input[type='date']::-webkit-datetime-edit,
.form-clean-input[type='time']::-webkit-datetime-edit,
.form-clean-input[type='datetime-local']::-webkit-datetime-edit {
	color: #ccc;
}

.form-clean-input[type='date'].change::-webkit-datetime-edit,
.form-clean-input[type='time'].change::-webkit-datetime-edit,
.form-clean-input[type='datetime-local'].change::-webkit-datetime-edit {
	color: #000;
}

.form-clean-input::-webkit-outer-spin-button,
.form-clean-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.form-clean-input[type="number"] {
	-moz-appearance: textfield;
}
/* 登录页表单样式 */
.PC-login-form-box1{
	display: block;
}
.PC-login-form-box1 .PC-login-form-cell{
	display: block;
}
.PC-login-form-box1 .PC-login-form-cell+.PC-login-form-cell{
	margin-top: 1rem;
}
.PC-login-form-box1 .PC-login-form-cell .title{
	color: var(--pc-main1);
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 0.25rem;
}
.PC-login-form-box1 .PC-login-form-cell .content-box {
	display: flex;
	align-items: center;
	position: relative;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .content-box-formitem {
	font-size: 1rem;
	flex: 1;
	min-width: 0;
}
.PC-login-form-box1 .PC-login-form-cell .content-box .input-number-style1{
	border: 1px solid var(--pc-main1);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	font-size: 1rem;
}
.PC-login-form-box1 .PC-login-form-cell .content-box .content-box-btn1{
	display: block;
	background-color: var(--pc-main1);
	color: white;
	padding: 0.45rem;
	border-radius: 0.25rem;
	margin-left: 0.25rem;
	font-size: 0.8rem;
}
/* 固定浮动按钮 */
.fixed-btn-box1{
	position: fixed;
	bottom: 20vh;
	right: 0.5rem;
	z-index: 5;
}
.fixed-btn-box1 .fixed-btn-box-item .btn1{
	display: block;
	background-image: linear-gradient(135deg,var(--pc-main1) 30% ,var(--pc-main1-light4));
	color: white;
	font-size: 2rem;
	padding: 0.5rem;
	border: 2px solid var(--pc-main1);
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
}
.fixed-btn-box1:hover .fixed-btn-box-item .btn1{
	font-size: 3rem;
}

.fixed-btn-box2{
	position: fixed;
	bottom: 20vh;
	right: 0.5rem;
	z-index: 5;
	background-color: white;
	padding: 0.5rem;
	border: 1px solid #6cb2f7;
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
	transform-origin: right bottom;
}
.fixed-btn-box2 .fixed-btn-box-item+.fixed-btn-box-item{
	margin-top: 0.25rem;
}
.fixed-btn-box2 .fixed-btn-box-item .btn1{
	display: block;
	background-image: linear-gradient(135deg,#6cb2f7 30% ,#a0d6ef);
	color: white;
	font-size: 1.5rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
}
.fixed-btn-box2:hover{
	transform: scale(1.2);
}
.fixed-btn-box2 .fixed-btn-box-item .btn1:hover{
	background-image: linear-gradient(135deg,#2a73e1 30% ,#93b6e3);
}
/* 客服咨询页 */
.XveXiJT-consult-box1{
	border-radius: 0.5rem;
	overflow: hidden;
	box-shadow: 2px 2px 6px var(--pc-main1-graylight1);
}
/* --左列 */
.XveXiJT-consult-box1 .XveXiJT-consult-leftside{
	background-color: var(--pc-main1-graylight1);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66px;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo{
	display: flex;
	align-items: center;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo .img-box{
	width: 2rem;
	height: 2rem;
	margin-right: 0.25rem;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo .title{
	font-size: 1.5rem;
	font-weight: bold;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-content-box{
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box{
	flex-shrink: 0;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: start;
	background-image: linear-gradient(110deg, #fff 40%,var(--pc-main1-light4) 80%);
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content{
	display: flex;
	flex-direction: column;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .title1{
	font-size: 1rem;
	font-weight: bold;
	color: black;
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .text1{
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--pc-main1)
}
.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .img-box1{
	width: 8rem;
	height: 8rem;
	margin: 0.5rem 0;
}
/* ----边侧菜单 */
.side-menulist-box1{
	display: flex;
	flex-direction: column;
}
.side-menulist-box1 .side-menulist-item{
	display: flex;
	align-items: center;
	padding: 0.25rem;
}
.side-menulist-box1 .side-menulist-item .before{
	height: 2.5rem;
	width: 0.35rem;
	border-radius: 1rem;
	margin-right: 1rem;
}
.side-menulist-box1 .side-menulist-item .title{
	font-size: 1.1rem;
	font-weight: bold;
	color: #666;
}
.side-menulist-box1 .side-menulist-item.active{
	background-image: linear-gradient(90deg,#fff 50%,var(--pc-main1-light7));
}
.side-menulist-box1 .side-menulist-item.active .before{
	background-color: var(--pc-main1);
}
.side-menulist-box1 .side-menulist-item.active .title{
	color: var(--pc-main1);
}
/* --右列 */
.XveXiJT-consult-box1 .XveXiJT-consult-rightside{
	background-color: white;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content{
	flex-shrink: 0;
	padding: 1rem 2rem;
	height: 66px;
	border-bottom: 2px solid var(--pc-main1-graylight1);
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content .title{
	color: #000;
	font-size: 1rem;
	font-weight: bold;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content .text{
	color: gray;
	font-size: 0.8rem;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-content-box{
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box{
	border-top: 2px solid var(--pc-main1-graylight1);
	flex-shrink: 0;
	padding: 0.5rem;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .input-box{
	display: block;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .input-box .textarea-1{
	width: calc(100% );
	height: 4rem;
	min-height: 0;
	font-size: 1rem;
	resize: none;
	outline: none;
	border: none;
	border-radius: 0.5rem;
	box-sizing: content-box;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .button-box{
	padding-top: 0.25rem;
	display: flex;
	align-items: center;
}
.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .button-box .send-btn{
	color: white;
	background-color: var(--pc-main1);
	padding: 0.1rem 1rem;
	border-radius: 0.25rem;
}
/* ----私信聊天页面相关 */
.messagebox-other,
.messagebox-self {
	width: 100%;
	display: flex;
	margin-top: 1rem;
}

.messagebox-self {
	flex-direction: row-reverse;
}

.messagebox-other-head,
.messagebox-self-head {
	width: 4.5rem;
	height: 4rem;
}

.messagebox-other-head img,
.messagebox-self-head img {
	width: calc(100% - 1rem - 2px);
	height: calc(100% - 0.5rem - 2px);
	margin: 0.25rem 0.5rem;
	border-radius: 100%;
	object-fit: cover;
	border: 1px solid white;
}

.messagebox-self-content,
.messagebox-other-content {
	flex: 1;
	display: block;
}

.messagebox-self-content {
	text-align: right;
}

.messagebox-self-information,
.messagebox-other-information {
	font-size: 0.8rem;
	color: dimgray;
}

.messagebox-other-text,
.messagebox-self-text {
	font-size: 1rem;
	color: #000;
	position: relative;
	display: inline-block;
	word-break: break-all;
	padding: 0.5rem 0.5rem;
	text-align: left;
	border-radius: 0.5rem;
}
.messagebox-other-text p,
.messagebox-self-text p{
	margin-bottom: 0;
}
.messagebox-other-text p+p,
.messagebox-self-text p+p{
	margin-top: 0.25rem;
}
.messagebox-other-text .link,
.messagebox-self-text .link {
	color:var(--pc-main1-dark1);
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.messagebox-other-text {
	background-color: var(--pc-main1-graylight1);
}

.messagebox-self-text {
	background-color: var(--pc-main1-light5);
}
/* ------气泡框箭头 */
.triangle-other,
.triangle-self {
	position: absolute;
	top: 0.8rem;
	border-width: 0.4rem;
	border-style: solid;
}

.triangle-other {
	left: -0.8rem;
	border-color: transparent var(--pc-main1-graylight1) transparent transparent;
}

.triangle-self {
	right: -0.8rem;
	border-color: transparent transparent transparent var(--pc-main1-light5);
}
/* 条件筛选盒子 */
.PC-select-box1 .title-box{
	font-size: 1.1rem;
	color: black;
	font-weight: bold;
	margin-bottom: 0.25rem;
}
.PC-select-box1 .content-box{
	display: block;
}
.PC-select-item-box1{
	align-items: center;
}
.PC-select-item-box1 .select-title{
	font-size: 1rem;
	font-weight: bold;
	color: gray;
	margin: 0.35rem 0;
}
.PC-select-item-box1+.PC-select-item-box1{
	margin-top: 0.25rem;
}
.PC-select-item-box1 .select-content .select-item{
	display: inline-block;
	align-items: center;
}

.PC-select-item-box1 .select-content .select-item .checkbox {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.PC-select-item-box1 .select-content .select-item .label {
	color: #aaa;
	border: 1px solid #ffffff00;
	padding: 0.1rem 0.5rem;
	border-radius: 2rem;
	text-align: center;
	min-width: 3rem;
}

.PC-select-item-box1 .select-content .select-item .checkbox:checked+.label {
	color: white;
	border: 1px solid var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}
/* 新闻图片上浮起文字摘要 */
/* --盒子 */
.pic-textbox-fth1{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* --内容 */
.pic-textbox1{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	background-color: #00000088;
}
.pic-textbox1 .text1{
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: left;
}
.pic-textbox1 .text2{
	color: white;
	font-size: 1rem;
	text-align: left;
}
/* 联谊平台照片墙 */
.LianYi-pic-box1,
.LianYi-pic-box2{
	position: relative;
	overflow: hidden;
}
.LianYi-pic-box1 .LianYi-pic-box-mask1,
.LianYi-pic-box2 .LianYi-pic-box-mask1{
	height: 100%;
	width: 100%;
	background-color: #00000088;
	position: absolute;
	padding: 0 1rem;
	top: 110%;
	left: 0;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.LianYi-pic-box1:hover .LianYi-pic-box-mask1,
.LianYi-pic-box2:hover .LianYi-pic-box-mask1{
	top: 0;
	left: 0;
	opacity: 1;
}
.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-title,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-title{
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.75rem;
}
.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-text1,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-text1{
	color: white;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-text2,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-text2{
	color: white;
	font-size: 0.8rem;
}
/* 自动滚动字幕盒子 */
.autoscroll-box-fth1{
	overflow: hidden;
}
.autoscroll-box-fth1 .autoscroll-box1{
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* 登录提示窗 */
.show-login-box1{
	background-color: var(--pc-main1-light7);
	border-radius: 10rem;
	text-align: center;
	display: block;
	box-shadow: 2px 2px 5px gray;
	padding: 0.75rem 1rem;
}
.show-login-box1 .text1{
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-light3);
	padding: 0 0.25rem ;
}
.show-login-box1 .text2{
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-dark2);
	padding: 0.5rem 0.25rem ;
}
.show-login-box1 .text3{
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-light3);
	padding: 0.5rem 0.25rem ;
}